// pages/about_index/detail/detail.js
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    is_follow: true,
    user_logo: '/images/search/01.jpg',
    user_name: '泥鳅',
    time: '2018-09-09',
    article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨',

    // 用户发表的文章 和 配字
    publish: [{
        imgs: ['/images/search/01.jpg'],
        text: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪'
      },
      {
        imgs: ['/images/search/01.jpg'],
        text: ''
      }
    ],

    // 是否显示 发表框
    search: false,

    // 用户发表评论
    report_val: null,

    // 评论信息
    comment: [{
        img: '/images/search/01.jpg',
        name: '李四',
        // 评论时间
        time: '1小时前',
        card_num: 4,
        content: '评论内容评论内容评论内容评论内容评论内容评论内容',
        // 博主回复信息
        reply_name: '张三',
        reply_content: '谢谢了！我们都会努力的'
      },
      {
        img: '/images/search/01.jpg',
        name: '李四',
        // 评论时间
        time: '1小时前',
        card_num: 4,
        content: '评论内容评论内容评论内容评论内容评论内容评论内容',
        // 博主回复信息
        reply_name: '张三',
        reply_content: '谢谢了！我们都会努力的'
      },
      {
        img: '/images/search/01.jpg',
        name: '李四',
        // 评论时间
        time: '1小时前',
        card_num: 4,
        content: '评论内容评论内容评论内容评论内容评论内容评论内容'
      },
    ]


  }, // data end
  // 跳转到首页
  gotoIndexPage: function () {
    wx.switchTab({
      url: '/pages/tabBar/index/index',
    })
  },

  // 关注
  is_follow: function() {
    var that = this;

    // 如果已关注 用户想取消关注 则提示
    if (this.data.is_follow) {
      wx.showModal({
        content: '是否取消收藏 ' + this.data.user_name,
        success: function(res) {
          if (res.confirm) {
            that.setData({
              is_follow: false
            })
          }
        }
      })
    } else {
      this.setData({
        is_follow: true
      })

      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        duration: 2000
      })
    }


  },

  input: function(e) {
    this.setData({
      report_val: e.detail.value
    })
  },

  // 点击发表评论
  report_btn: function() {
    var that = this;

    // 用户点击发表按钮 判断input的val 如为空 提示用户 请输入内容
    if (!this.data.report_val) {
      wx.showModal({
        title: '提示',
        content: '亲，请输入内容'
      })
      return;
    }

    wx.showLoading({
      title: '加载中',
    })

    setTimeout(function() {
      wx.hideLoading()

      wx.showToast({
        title: '评论成功',
        icon: 'success',
        duration: 2000
      })

      // 在数组中添加一条数据
      var arr = that.data.comment;
      // 拿到评论 内容
      var val = that.data.report_val;
      arr.push({
        img: '/images/search/01.jpg',
        name: '李四',
        // 评论时间
        time: '刚刚',
        card_num: 4,
        content: val
      })

      // 赋值
      that.setData({
        comment: arr
      })

      // 清空input 的val
      that.setData({
        report_val: null
      })

    }, 1000)
  },

  // 失去焦点时 关闭发表框
  close_input: function(e) {
    console.log(e.detail.value)

    this.setData({
      search: false,
      report_val: e.detail.value
    })
  },

  // 点击 底部 假input时 显示 发表框
  showSearch: function() {
    this.setData({
      search: true
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})